<template>
    <div>
        <div class="img-list">
            <img class="img-item" src="@/assets/img/xuan/1.png" alt="">
            <img class="img-item" src="@/assets/img/xuan/2.png" alt="">
            <img class="img-item" src="@/assets/img/xuan/3.png" alt="">
            <img class="img-item" src="@/assets/img/xuan/4.png" alt="">
            <img class="img-item" src="@/assets/img/xuan/5.png" alt="">
            <img class="img-item" src="@/assets/img/xuan/6.png" alt="">
            <img class="img-item" src="@/assets/img/xuan/7.png" alt="">

        
        </div>
     <div v-if="roleCode == 'Parent'">
        <div class="space"></div>
        <div class="bott-p">
                <div @click="toVip" class="button-re">点击领取骆米电子学生证</div>
            </div>
        </div>
    </div>
    

</template>
<script>
export default {
    computed: {
        roleCode () {
            return this.$store.state.user.roleCode
        }
    },
    methods: {
        toVip () {
            if (this.roleCode == 'Parent') {

            }
            this.$router.push('/vipNew/index')
        }
    }
}
</script>
<style scoped>
.img-list{
    font-size: 0;
}
.img-item{
    max-width: 100%;
}
.bott-p{
    background: #fff; height: 1.06rem;
    text-align: center;
    position: fixed; width: 100%; left: 0; bottom: 0;
    box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.3);
}
.button-re{
    margin: 0.18rem auto 0 auto; background: #FF421D; color: #fff; font-size: 0.3rem; font-weight: bold;
    width: 6.72rem; height: 0.68rem; line-height: 0.68rem; border-radius: 0.34rem;
}
.space{
    height: 1.06rem;
}
</style>